@charset 'utf-8';
* {
    margin: 0;
    padding: 0;
    font-family: '黑体''Microsoft YaHei';
}

.body {
    width: 1200px;
    padding: 0;
    display: flex;
    background-color: rgb(255, 248, 240);
}

.box01 img {
    width: 125px;
    height: 60px;
}

.box {
    margin-left: 30px;
    min-width: 130px;
    z-index: 2;
    background-color: rgb(238, 236, 234);
}

.box1{
    width: 110px;
    padding: 15px 20px;
    font-size: 20px;
    text-align: center;
    background-color: rgb(243, 240, 240);
    border-right: 1px solid rgb(153, 149, 149);
}
.box1>a{
    text-decoration: none;
    color: #000;
}
.box:hover .box3 {
    display: block;
    color: rgb(228, 97, 10);
}

.box2 {
    position: absolute;
}

.box3 {
    padding-top: 10px;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 15px;
    line-height: 30px;
    list-style: none;
    background: linear-gradient(to top, rgb(139, 130, 130) 20%, rgb(236, 223, 226) 80%);
    display: none;
}

.boximg {
    width: 100%;
    min-width: 1300px;
    height: 900px;
    border: 0px solid #000;
    /* position: relative; */
}

.boximg1 img:first-child {
    width: 100%;
    height: 466px;
    position: absolute;
    z-index: 1;
}
.boximgh>div:first-child{
    width: 0;
    height: 0;
    border: 15px solid rgb(48, 48, 82);
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    left: 190px;
}
.boximgh>p {
    margin-left: 20px;
    width: 900px;
    height: 30px;
    font-size: 10px;
    text-align: center;
    line-height: 30px;
    background-color: rgb(48, 48, 82);
    color: rgb(239, 245, 245);
    position: absolute;
    left: 200px;
}
.boximgh>div:last-child{
    width: 0;
    height: 0;
    border: 15px solid rgb(48, 48, 82);
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 1120px;
}
.boximg2 .main>div:hover {
    box-shadow: 10px 10px 15px 5px rgb(43, 40, 40);
}

.boximg2 {
    width: 100%;
    height: 380px;
    background: linear-gradient(to bottom, rgb(212, 207, 207) 20%, rgb(248, 247, 247) 80%);
    position: absolute;
    top: 530px;
}

.main1 {
    height: 260px;
    position: absolute;
    top: 130px;
    left: 170px;
    box-shadow: 0px 23px 10px -15px gray;
}

.main1>h3 {
    margin: 10px;
    text-align: center;
    color: rgb(54, 52, 52);
    font-size: 20px;
}

.main1>p {
    margin:0 auto;
    width: 240px;
    color: gray;
    font-size: 14px;
    text-align: center;
    border: 0px solid #000;
}

.main2 {
    height: 260px;
    position: absolute;
    top: 130px;
    left: 530px;
    box-shadow: 0px 23px 10px -15px gray;
}

.main2>h3 {
    margin: 10px;
    text-align: center;
    color: rgb(54, 52, 52);
    font-size: 20px;
}

.main2>p {
    margin: 0 auto;
    width: 240px;
    color: gray;
    text-align: center;
    font-size: 14px;
    border: 0px solid #000;
}

.main3 {
    height: 260px;
    position: absolute;
    top: 130px;
    left: 900px;
    box-shadow: 0px 23px 10px -15px gray;
}

.main3>h3 {
    margin: 10px;
    text-align: center;
    color: rgb(54, 52, 52);
    font-size: 20px;
}

.main3>p {
    margin: 0 auto;
    width: 240px;
    color: gray;
    text-align: center;
    font-size: 14px;
    border: 0px solid #000;
}

.imgbox {
    width: 100%;
    height: 450px;
    background: linear-gradient(to bottom, rgb(235, 233, 233) 20%, rgb(248, 247, 247) 90%);
    position: relative;
}

.imgbox img:first-child {
    margin: 0 58px;
    width: 400px;
    height: 250px;
    border: 0px solid #000;
    position: absolute;
    top: 150px;
    left: 100px;
    box-shadow: 2px 1px 8px 2px rgb(151, 148, 148);
}
.imgbox1 {
    width: 400px;
    height: 200px;
    position: absolute;
    z-index: 2;
    left: 700px;
    top: 160px;
}
.imgbox1 p {
    margin-top: 10px;
    color: rgb(163, 154, 142);
}
.imgbox1 p:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
    color: rgb(71, 69, 69);
    margin-bottom: 20px;
}
.imgbox1 p>span {
    color: rgb(86, 88, 88);
    font-size: 18px;
    font-style: italic;
}
.imgbox button {
    margin: 38px 0 0 10px;
    padding: 10px;
    color: rgb(244, 244, 248);
    border-radius: 10%;
    border: 0px;
}

.footer {
    width: 100%;
    height: 400px;
    background: linear-gradient(to bottom, rgb(235, 233, 233) 20%, rgb(248, 247, 247) 90%);
    position: relative;
    border: 0px solid #000;
}

.footer h2 {
    position: absolute;
    top: 40px;
    left: 520px;
    color: rgb(66, 64, 64);
    letter-spacing: 5px;
}

.footer01 {
    margin: 0 58px;
    width: 1040px;
    height: 470px;
    border: 0px solid #000;
}

.footer02 {
    display: flex;
    position: absolute;
    top: 100px;
    left: 180px;
    box-shadow: 0.5px 1px 6px 1px rgb(167, 163, 163);
}

.end1 {
    position: absolute;
    top: 100px;
    left: 280px;
}

.end1 p {
    font-size: 13px;
    padding: 15px 0 30px 0;
    color: rgb(122, 121, 120);
}

.footer03 {
    display: flex;
    position: absolute;
    top: 100px;
    left: 480px;
    box-shadow: 0.5px 1px 6px 1px rgb(167, 163, 163);
}

.end2 {
    position: absolute;
    top: 100px;
    left: 580px;
}

.end2 p {
    width: 90px;
    height: 15px;
    font-size: 13px;
    padding: 15px 0 30px 0;
    color: rgb(122, 121, 120);
}

.footer04 {
    display: flex;
    position: absolute;
    top: 100px;
    left: 800px;
    box-shadow: 0.5px 1px 6px 1px rgb(167, 163, 163);
}

.end3 {
    position: absolute;
    top: 100px;
    left: 900px;
}

.end3 p {
    width: 90px;
    height: 15px;
    font-size: 13px;
    padding: 15px 0 30px 0;
    color: rgb(122, 121, 120);
}

.footer05 {
    display: flex;
    position: absolute;
    top: 260px;
    left: 350px;
    box-shadow: 0.5px 1px 6px 1px rgb(167, 163, 163);
}

.end4 {
    position: absolute;
    top: 260px;
    left: 450px;
}

.end4 p {
    width: 90px;
    height: 15px;
    font-size: 13px;
    padding: 15px 0 30px 0;
    color: rgb(122, 121, 120);
}

.footer06 {
    display: flex;
    position: absolute;
    top: 260px;
    left: 650px;
    box-shadow: 0.5px 1px 6px 1px rgb(167, 163, 163);
}

.end5 {
    position: absolute;
    top: 260px;
    left: 750px;
}

.end5 p {
    font-size: 13px;
    padding: 15px 0 30px 0;
    color: rgb(122, 121, 120);
}

.bottom {
    width: 100%;
    height: 50px;
    background-color: rgb(90, 84, 84);
    position: relative;
}

.bottom1 {
    position: absolute;
}

.bottom div>img {
    position: absolute;
    top: 20px;
    left: 150px;
}

.bottom1 span:nth-child(1) {
    width: 100px;
    font-size: 10px;
    color: aliceblue;
    position: absolute;
    top: 18px;
    left: 180px;
}

.bottom1 span:nth-child(2) {
    width: 100px;
    font-size: 10px;
    color: aliceblue;
    position: absolute;
    top: 18px;
    left: 240px;
}

.bottom1 span:nth-child(3) {
    width: 100px;
    font-size: 10px;
    color: aliceblue;
    position: absolute;
    top: 18px;
    left: 330px;
}

.bottom1 span:nth-child(4) {
    width: 600px;
    font-size: 10px;
    color: aliceblue;
    position: absolute;
    top: 18px;
    left: 450px;
}
